{/* Copyright 2020 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. You may obtain a copy
of the License at http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License. */}

import {Layout} from '@react-spectrum/docs';
export default Layout;

import {Highlights, Hero} from '@react-spectrum/docs';
import heroNarrow from 'url:../assets/internationalized_mobile@2x.png?width=976';
import heroNarrow2x from 'url:../assets/internationalized_mobile@2x.png?width=1952';
import heroNarrowWebp from 'url:../assets/internationalized_mobile@2x.png?as=webp&width=976';
import heroNarrow2xWebp from 'url:../assets/internationalized_mobile@2x.png?as=webp&width=1952';
import heroWide from 'url:../assets/internationalized@2x.png?width=976';
import heroWide2x from 'url:../assets/internationalized@2x.png?width=1952';
import heroWideWebp from 'url:../assets/internationalized@2x.png?as=webp&width=976';
import heroWide2xWebp from 'url:../assets/internationalized@2x.png?as=webp&width=1952';
import clsx from 'clsx';
import linkStyle from '@adobe/spectrum-css-temp/components/link/vars.css';
import styles from '@react-spectrum/docs/src/docs.css';
import typographyStyles from '@adobe/spectrum-css-temp/components/typography/vars.css';

---
category: Libraries
description: A collection of framework-agnostic internationalization libraries for the web.
---

# Internationalized

A collection of framework-agnostic internationalization libraries for the web.

<p className={clsx(typographyStyles['spectrum-Body2'], styles.homeLinks)}>
  <a href="https://github.com/adobe/react-spectrum" className={clsx(linkStyle['spectrum-Link'], styles.link)}>GitHub</a>
</p>

<Hero
  narrow={heroNarrow}
  narrow2x={heroNarrow2x}
  narrowWebp={heroNarrowWebp}
  narrow2xWebp={heroNarrow2xWebp}
  wide={heroWide}
  wide2x={heroWide2x}
  wideWebp={heroWideWebp}
  wide2xWebp={heroWide2xWebp}
  alt="Internationalized hero image" />

<Highlights items={[
  {
    title: 'Dates and times',
    description: <>The  <a href="./date/index.html">@internationalized/date</a> package provides utilities for representing and manipulating dates and times in a locale-aware manner across calendar systems, time zones, and more.</>
  },
  {
    title: 'Numbers',
    description: <>The <a href="./number/index.html">@internationalized/number</a> package implements international number formatting and parsing, including support for multiple numbering systems, currencies, percentages, units, and other formatting options.</>,
  },
  // {
  //  title: 'Time zones',
  //  description: 'The @internationalized/timezone package includes data about time zones, including their geography, translated city names, etc.'
  // },
]} />
